<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>hacke2-前端作品集合</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="keywords" content="hacke2-前端作品集合"/>
    <meta name="description" content="hacke2-前端作品集合"/>
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <link rel="stylesheet" type="text/css" href="css/home.css"/>
    <script type="text/javascript">
        if (top.location !== self.location) {
            top.location=self.location;
        }
    </script>
</head>
<body>
<div class="container">
    <div id="sideBar" class="sidebar">
        <div class="sider-title">
            <h1>hacke2-前端作品集合</h1>
        </div>
        <div class="sider-content">
            <ul id="siderList" class="sider-list">
                <li>
                    <a href="#" class="root">名站</a>
                    <ul class="sub-menu">
                        <li><a target="iframe" href="/works/demo/04/" title="模仿联想招聘" desc="模仿联想招聘" target="_blank">CSS3弹窗&切换</a></li>
						<li><a target="iframe" href="/demo/javascript-seamless-handover/slide/bd01.html" title="模仿百度爱玩" desc="模仿百度爱玩" target="_blank">无缝切换图片</a></li>
						<li><a target="iframe" href="/works/demo/03/bd03.html" title="模仿百度爱玩" desc="模仿百度爱玩" target="_blank">榜单tab切换</a></li>
						<li><a target="iframe" href="/works/demo/08/" title="百度微购" desc="百度微购" target="_blank">电商菜单导航</a></li>
						<li><a target="iframe" href="/works/demo/qqzone-img" title="模仿QQ空间" desc="模仿QQ空间" target="_blank">查看长图</a></li>
						<li><a target="iframe" href="/works/demo/07/" title="百度微购图片轮播"  desc="百度微购图片轮播" target="_blank">中秋送好礼</a></li>
						<li><a target="iframe" href="/works/demo/06/" title="模仿百度爱玩" desc="模仿百度爱玩" target="_blank">层次图片轮播</a></li>
						
                    </ul>
                </li>
                <li>
                    <a href="#" class="root">前端小作品</a>
                    <ul class="sub-menu">
                        <li><a target="iframe" href="/demo/my-show-4-angularjs/" title="BootStarp + AngularJs" desc="BootStarp + AngularJs" target="_blank">项目展示页面</a></li>
                        <li><a target="iframe" href="/demo/cqut-paging/demo.html" title="刷新整个页面，非AJAX" desc="刷新整个页面，非AJAX" target="_blank">模仿实验室分页组件</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <!--/siderbar-->
    <div class="main">
        <!--<iframe id="mainIframe" name="iframe" style="width: 100%;height: 100%;" scroll="no" src="main.html" frameborder="0"></iframe>-->
        <iframe id="mainIframe" name="iframe" style="width: 100%;height: 100%;" scroll="no" src="main.html" frameborder="0"></iframe>
    </div>
    <!--/main-->
</div>
<!--/container-->
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>

	
	
	var a = document.getElementsByTagName('a');
	for(var i = 0; i < a.length; i++) {
		if(a[i].className != 'root') {
			var li = a[i].parentNode;
			a[i].onmouseover = function() {
				this.setAttribute('data', this.innerHTML);
				this.innerHTML=this.getAttribute('desc');
			}
			
			a[i].onmouseout = function() {
				this.setAttribute('desc', this.innerHTML);
				this.innerHTML=this.getAttribute('data');
			}
		}
		
	}
	
</script>
</body>
</html>


